<!DOCTYPE html>
<html lang="zh_CN" xmlns:th="http://www.thymeleaf.org">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title></title>
<meta name="keywords" content="">
<meta name="description" content="">
<link href="/css/bootstrap.min.css?v=3.3.6" rel="stylesheet">
<!--bootstrap图片上传插件  -->
<link href="/fileinput/fileinput.min.css" rel="stylesheet">
<!--风格css框架  -->
<link href="/fileinput/theme.css" rel="stylesheet">
<!--图标字体框架  -->
<link href="/css/font-awesome.css?v=4.4.0" rel="stylesheet">
</head>
<body class="gray-bg">
	<div class="wrapper wrapper-content ">
		<div class="row">
			<div class="col-sm-12">
				<div class="ibox float-e-margins">
					<div class="ibox-content">
						<form class="form-horizontal m-t" id="signupForm">
							<div class="form-group">
								<label class="col-sm-3 control-label">小程序模板主图：</label>
								<div class="col-sm-8">
									<input type="file" name="file" id="file" />
								</div>
							</div>
							<div class="form-group">
								<label class="col-sm-3 control-label">小程序模板名称：</label>
								<div class="col-sm-8">
									<input id="name" name="name" class="form-control" type="text">
								</div>
							</div>
							<div class="form-group">
								<label class="col-sm-3 control-label">小程序模板价格：</label>
								<div class="col-sm-8">
									<input id="price" name="price" class="form-control" type="text">
								</div>
							</div>
							<div class="form-group">
								<label class="col-sm-3 control-label">商品详情：</label>
								<div class="col-sm-8">
									<input id="description" name="description" class="form-control"
										type="text">
								</div>
							</div>
							<div class="form-group">
								<label class="col-sm-3 control-label">轮播图：</label>
								<div class="col-sm-8">
									<input type="file" id="img"  name="img" multiple="multiple" class="file-loading" >
								</div>
							</div>
							<div class="form-group">
								<div class="col-sm-8 col-sm-offset-3">
									<button type="submit" class="btn btn-primary">提交</button>
								</div>
							</div>
						</form>
					</div>
				</div>
			</div>
		</div>
	</div>
	<!-- 全局js -->
	<script src="/js/jquery.min.js?v=2.1.4"></script>
	<script src="/js/bootstrap.min.js?v=3.3.6"></script>
	<script type="text/javascript" src="/fileinput/fileinput.min.js"></script>  <!--bootstrap图片上传插件  -->
	<script type="text/javascript" src="/fileinput/theme.js"></script>   <!--风格  -->
	<script type="text/javascript" src="/fileinput/zh.js"></script>      <!--汉化  -->
	<script src="/js/plugins/validate/jquery.validate.min.js"></script>  <!--jquery表单验证插件  -->
	<script src="/js/plugins/layer/layer.min.js"></script>   <!--layer弹框js  -->
	<script type="text/javascript" src="/js/appjs/system/wechat/add.js"></script>  <!--自定义js  -->
	<script type="text/javascript">
	     var commId = "";
		 $("#img").fileinput({
	         language: "zh",  //国际化
	         theme: 'fa',  //显示主题
	         enctype: 'multipart/form-data',
	         uploadUrl: '/system/wechat/uploads', // 上传的地址
	         showRemove : true, //是否显示移除按钮
	         showPreview : true, //是否显示预览
	         showUpload: false, //是否显示上传按钮
	         showCaption: true, //是否显示选择输入框
	         uploadAsync: false, //是否允许异步上传
	         maxFileSize:  0, //允许上传文件的大小（KB）
	         maxFilesNum:  0,  //允许上传文件的数量
	         maxFileCount: 10, //表示允许同时上传的最大文件个数
	         dropZoneEnabled: true,//是否显示拖拽区域
	         uploadExtraData: function(previewId, index) {   //额外参数 返回json数组
	         return {
	             'id': commId
	              }
	         },
	         layoutTemplates :{
	             actionUpload:'',//去除上传预览缩略图中的上传图片；
	         },
	         fileType: "any",
	         previewFileIcon: "<i class='glyphicon glyphicon-king'></i>",
	     });
	</script>
</body>
</html>
